<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<style>
			.navbar-brand{
				 width: 60px;
				 height:60px;
			}
			
			nav{
				padding: 0px;
				margin: 0px;
			}
			
			nav ul li{
				margin-top: 5px;
                color:#fff;
				font-weight: bold;
			}
			
			img{
				width: 50px;
				height: 50px;
			}
			
			nav form{
				 margin: 13px 0px !important;/*!important 强制此样式优先*/
			}
			
		</style>
	</head>
	<body>
		<div class="container">
			<nav class="navbar navbar-inverse navbar-fixed-top">
				<div class="navbar-header">
					<img class="navbar-brand" src="images/logo1.jpg" />
				</div>
				<ul class="nav navbar-nav">
					<li class="active"><a href="">购物车</a></li>
					<li><a href="">订单</a></li>
					<li><a href="">商品</a></li>
					<li><a href="">优惠券</a></li>
				</ul>
				<!--表单元素 -->
				<form class="navbar-form navbar-right">
					<div class="form-group">
						<input type="text" class="form-control">
					</div>
					<button class="btn btn-primary">搜索</button>
				</form>
			</nav>

			<hr>
			<nav class="navbar navbar-inverse navbar-fixed-bottom">
				<!--按钮 -->
				<button class="btn btn-info navbar-btn">INFO</button>
				<button class="btn btn-success navbar-btn">成功</button>
				<!--文本 -->
				<p class="navbar-text">java</p>
				<p class="navbar-text">javascript</p>

				<!--链接-->
				<a href="#" class="navbar-link navbar-text">去搜索</a>
				<a href="#" class="navbar-link navbar-text">去查询</a>

			</nav>

		</div>
	

	</body>
</html>
